<template style="overflow: auto; height: 90%; ">
  <el-dialog
    title="包装耗材"
    :visible.sync="dialogVisible"
    width="55%"
    :height="'90%'"
  >
    <div class="agree-body"  >
      <img class="pic-404__parent" src="@/assets/images/bzfinfo.png" alt="bzfinfo">
<!--      <h3>包装明细</h3>-->
<!--      <p>包装需额外收费，以下信息仅供参考，实际服务情况请以当地营业网点情况为准</p>-->
<!--      <h4>纸箱</h4>-->
<!--      <table border="1">-->
<!--        <tr>-->
<!--          <th>名称</th>-->
<!--          <th>尺寸(cm)</th>-->
<!--          <th>收费标准</th>-->
<!--        </tr>-->
<!--        <tr>-->
<!--          <th>1号纸箱</th>-->
<!--          <th>20*15*10</th>-->
<!--          <th>1元/个</th>-->
<!--        </tr>-->
<!--        <tr>-->
<!--          <th></th>-->
<!--          <th></th>-->
<!--          <th></th>-->
<!--        </tr>-->
<!--      </table>-->
    </div>
  </el-dialog>
</template>
<script>
export default {
  data() {
    return {
      dialogVisible: false,
      price: '',
    }
  },
  methods: {
    showDialog() {
      this.dialogVisible = true;
    },
    checkedHandle() {
      this.$emit('checkedAgreeHandle');
      this.dialogVisible = false;
    }
  }

}

</script>
<style>
.scroll-dialog {
  max-height: 90%; /* 设置最大高度 */
  overflow: auto; /* 或者使用 overflow: scroll; */
}
</style>
